.dan-header {
  padding: 20px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.dan-header .logo {
  width: 220px;
  height: 66px;
  object-fit: cover;
}

.btn-danger-outline {
  background: rgba(255, 255, 255, 1);
  /* border:1px solid rgba(208,0,26,1); */
}

.dan-header .btn-danger-outline {
  border-radius: 2px;
  width: 48px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(208, 0, 26, 1);
  padding: 0;
  float: right;
}

.sub-menu {
  display: none;
}

.top-nav {
  padding-left: 0;
  border-radius: 4px;
  position: absolute;
  right: 8px;
  bottom: 0;
}

.left-nav ul li:first-child{
  border-radius: 4px 4px 0 0;
}
.top-nav li {
  list-style: none;
  display: inline-block;
  padding: 6px 0;
  width: 100px;
}

.top-nav li a {
  font-size: 12px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  text-decoration: none;
  display: block;
  text-align: center;
  border-right: 1px solid rgba(51, 51, 51, 1);
}

.top-nav li:last-child a {
  border-right: none;
}

.left-nav .sub-nav{
  position: absolute;
  left: -166px;
  top: 0;
  display: inline-block;
  width: 166px;
  z-index: 99;
  border-radius: 4px;
  overflow: hidden;
  display: none;
}
.left-nav li:hover ul{
  display: inline-block;
}
.left-nav .sub-nav li{
  height: 34px;
  line-height: 34px;
  text-align: center;
  padding-left: 0;
  background:rgba(245,245,245,0.9);
}
.left-nav .sub-nav .active{
  background: #D0001A;
  background-size: 100% 100%;
}
.left-nav .sub-nav .active a{
  color: white;
}
.left-nav .sub-nav li a{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
  display: inline-block;
  width: 100%;
}

.left-nav {
  width: 166px;
  display: inline-block;
  float: right;
  background: #F5F5F5;
  height: 340px;
  border-radius: 4px;
}

.left-nav ul {
  padding-left: 0;
}

.left-nav li {
  height: 34px;
  line-height: 34px;
  padding-left: 20px;
  list-style: none;
  position: relative;
}

.left-nav li a {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

.left-nav .active {
  background: #D0001A;
}

.left-nav .active a {
  color: white;
}

.emeg-btn-red a{
  font-weight: bolder !important;
}

/* modal样式开始 */
.dan-modal .modal-header {
  text-align: center;
  justify-content: center;
  position: relative;
  border-bottom: none;
}

.dan-modal .modal-title {
  font-size: 20px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  margin-top: 25px;
}

.dan-modal .close {
  position: absolute;
  right: 20px;
  top: 10px;
}

.dan-modal .form-control {
  border: none;
}

.dan-modal .form-group {
  border: 1px solid rgba(218, 221, 225, 1);
  border-radius: 4px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.dan-modal .form {
  width: 300px;
  margin: 30px auto;
}

.dan-modal label {
  margin-bottom: 0;
  text-align: center;
}

.dan-modal .form-group div {
  padding: 0;
}

.dan-modal .forget-password {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin: 10px auto;
  text-align: right;
}

.dan-modal .dan-btn-full {
  margin-top: 20px;
  width: 100%;
}

.dan-modal .modal-footer {
  border: none;
  background: rgba(249, 250, 251, 1);
  border-radius: 8px;
  padding-top: 0;
  padding-bottom: 0;
}

.dan-modal .go-register {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  color: rgba(208, 0, 26, 1);
  height: 48px;
  line-height: 48px;
}

.dan-modal .has-account {
  color: rgba(153, 153, 153, 1);
}

.dan-modal .sms-code {
  padding-left: 0;
}

.dan-modal .sms-code .code-btn {
  margin-bottom: 0;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(208, 0, 26, 1);
}

.dan-header .border-right {
  border-right: 2px solid #D0001A !important;
}
.right-swiper{
  width: calc(100% - 176px);
  height: 340px;
}
.right-swiper .swiper-con,.right-swiper .swiper-container{
  height: 100%;
}
.right-swiper .swiper-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 2020-10-12 */
  border-radius: 4px;
  /* 2020-10-12 */
}
.sw-pg .swiper-pagination{
  position: relative;
}
.sw-pg .swiper-pagination .swiper-pagination-bullet-active{
  background: #D0001A;
}
.sw-pg .swiper-pagination span{
  margin: 10px 5px;
}
.ads{
  margin-bottom: 10px;
  position: relative;
}
.ads .btn{
  position: absolute;
  left: 120px;
  bottom: 40px;
  width: 200px;
}
.ads .bg{
  width: 100%;
  height: 300px;
  object-fit: cover;
  /* 2020-10-12 */
  border-radius: 4px;
  /* 2020-10-12 */
}
.news{
  height: 66px;
  margin-bottom: 20px;
}
.news .left{
  width:166px;
  height:100%;
  background:rgba(224,225,229,1);
  border-radius:4px 50px 50px 4px;
  display: inline-block;
}
.news .left img{
  margin: 20px;
}
.news .left span{
  display: inline-block;
  width: 60px;
  position: relative;
  border-left: 1px solid #C6C9CC;
  padding-left: 20px;
  font-size:16px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(51,51,51,1);
  vertical-align: middle;
}
.news .right{
  display: inline-block;
  width: calc(100% - 176px);
  vertical-align: middle;
}
.news-item{
  height: 22px;
  line-height: 22px;
}
.news-item .title{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
  width: calc(100% - 150px);
  display: inline-block;
  padding-left: 40px;
  vertical-align: middle;
}
.news-item .date{
  display: inline-block;
  width: 138px;
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
  text-align: right;
  vertical-align: middle;
}
.phone-list{
  height:40px;
  line-height: 40px;
  background:rgba(238,238,238,1);
  border:1px solid rgba(235,235,235,1);
  padding: 5px 20px;
  margin-bottom: 20px;
}
.phone-list .form-control{
  width: 128px;
  height: 20px;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -8px;
  left: 20px;
  font-size: 12px;
}
.phone-list .right{
  float: right;
  position: relative;
  top: -3px;
}
.phone-list a{
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(208,0,26,1);
  position: relative;
  top: -2px;
}
.footer .logo{
  text-align: center;
  margin-bottom: 20px;
}
.footer .red{
  margin-bottom: 20px;
}
.footer .red img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.insurance{
  margin-bottom: 20px;
}
.insurance .btn-danger{
  height: 36px;
  line-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom:20px;
  font-size:14px;
  font-family:Source Han Sans CN;
  font-weight:bold;
  color:rgba(255,255,255,1);
}
.about .item img{
  width:100%;
  height: 200px;
  object-fit: cover;
  /* 2020-10-12 */
  border-radius: 4px;
  /* 2020-10-12 */
}
.about .item{
  position: relative;
}
.about .item .des{
  position: absolute;
  left:0;
  width: 100%;
  bottom: 0;
  height:50px;
  line-height: 50px;
  font-size:16px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(215,0,15,1);
  background:rgba(255,255,255,1);
  opacity:0.8;
  border-radius:0px 0px 4px 4px;
  text-align: center;
}
.footer .logo{
  width:68px;
  height:20px;
  margin-bottom: 10px;
}
.footer .name{
  text-align: center;
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:500;
  color:rgba(51,51,51,1);
}
.footer .btm{
  text-align: center;
}
.footer .copyright{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(153,153,153,1);
  text-align: left;
}
.footer ul{
  padding-left: 0;
  text-align: right;
  margin-bottom: 0;
}
.footer li{
  display: inline-block;
  /* 2020-10-12 */
  padding-left:5px ;
  padding-right: 5px;
  /* 2020-10-12 */
}
.footer li a{
  height:12px;
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.footer .link{
  margin: 20px 0;
}
.dan-header .user-info{
  float: right;
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(51,51,51,1);
}
/* 2020-10-12 */
.dan-header .user-info a{
  color:rgba(51,51,51,1);
}
/* 2020-10-12 */
.dan-header .logout{
  font-size:12px;
  font-family:Source Han Sans CN;
  font-weight:400;
  color:rgba(208,0,26,1);
}
.dan-header .user-info img{
  position: relative;
  top: -2px;
  margin-right: 15px;
}
.hide{
  display: none;
}
/* 12-24新增 */
.top-nav{
  bottom: 20px;
}
.lang-nav{
  bottom:-6px;
}
.lang-nav li a{
  font-size: 12px;
  font-weight: 400;
  color: #103F87;
  border-color:#103F87;
}
.ads .bg{
  height: auto;
}

.ads .btn{
  left: 13.5%;
  bottom: 10%;
  width: auto;
  padding-left: 3rem;
  padding-right: 3rem;
}
.emeg-btn-red{
  background-size: cover !important;
}
.exchange-input{
  max-width: 100%;
}
.user-info .pic, #user .pic{
  margin-bottom: 0.8rem;
  margin-right: 0.8rem;
  width: 6.5rem;
  height: 6.5rem;
}
.richtext-style img{
  max-width: 100% !important;
}
@media (max-width:767.98px){
  .dan-header .logo{
    width: 20%;
    height: auto;
    position: relative;
    /* top: 0.9rem; */
  }
  .dan-header{
    padding-top: 0.8rem;
    padding-bottom: 2.5rem;
    margin-bottom: 0.5rem;
  }
  .top-nav li{
    width:auto;
    min-width: 3.8rem;
  }
  .top-nav li a{
    text-align: left;
    padding-left: 0.2rem;
  }
  .top-nav{
    bottom: 0.1rem;
  }
  .lang-nav{
    bottom: -1.3rem;
  }
  .ads .bg{
    height: 8rem;
    object-fit: cover;
  }
  .ads .btn{
    bottom: 5%;
    font-size: 0.8rem;
    line-height: 1;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .left-nav{
    width: 35%;
  }
  .right-swiper{
    width: 62%;
  }
  .left-nav .sub-nav{
    width: 9rem;
    left: -9rem;
  }
  .news .left img{
    margin-left: 0.3rem;
    margin-right: 0.3rem;
  }
  .news .left{
    width: 7rem;
  }
  .news .left span{
    padding-left:0.7rem ;
  }
  .news .right {
    width: calc(100% - 7.3rem);
  }
  .news-item .title{
    width: 65%;
    padding-left: 0.3rem;
  }
  .news-item .date{
    width: 32%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .footer-link{
    text-align: center !important;
    padding-bottom: 2.5rem !important;
  }
  .footer-link a{
    margin-bottom: 0.3rem !important;
  }
  .footer .btm div{
    text-align: center !important;
  }
  .search-top .right{
    float: none;
    width: 100%;
    margin-top: 0.5rem;
  }
  .ac-filter .item{
    margin-left: 0;
    margin-right: 0;
  }
  .ac-filter .item label{
    width: 4.6rem;
  }

  .ac-info .cover{
    width: 100%;
    height: 15rem;
  }
  .ac-info .top{
    height: auto;
  }
  .ac-info .right{
    width: 100%;
    padding-left: 0;
    padding-top: 0.5rem;
  }
  .ac-info .right .btn{
    width: 14rem;
    position: relative;
    left: calc(50% - 7rem);
  }
  .modal.show .modal-dialog{
    width: 92% !important;
    margin: 0 auto !important;
  }
  .dan-modal .form{
    width: 100% !important;
    margin-top: 0 !important;
  }
  .order-info .card-bg>div{
    padding: 0rem !important;
  }
  .order-des .col-6,.order-info .col-6{
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.8rem;
  }
  .order-other .card-bg{
    padding: 0;
  }
  #pay .qr-code{
    position: relative;
    top: 1.8rem;
    left: calc(50% - 66px);
    margin-bottom: 0;
  }
}

@media (max-width:991.98px){
  .span-block{
    display: block;
    text-align: center;
    margin-left: 4.7rem;
    position: relative;
    top: 0.3rem;
  }

  .span-block .dan-datepicker{
    width: calc(50% - 1rem) !important;
  }
}
.active-tit-style:hover{
  color: #103F87 !important;
}